<template>
    <div class="exception">
        <img class="exception_img" src="@/assets/image/404.jpeg">
        <el-button class="btn" @click="handleHome">返回首页</el-button>
    </div>
</template>

<script setup lang='ts'>
import { useRouter } from "vue-router"

const router = useRouter()

const handleHome = () => {
    router.push("/")
}
</script>
<style lang='scss' scoped>
.exception {
    position: relative;

    .exception_img {
        width: 100%;
        height: 100vh;
    }

    .btn {
        position: fixed;
        bottom: 100px;
        left: 50%;
        margin-left: -44px;
    }
}
</style>